<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>区域物流</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			input {
				height: 26px;
				line-height: 24px;
				padding-left: 5px;
				width: 234px;
				background: #fff;
				border: 1px solid #ddd;
			}
			
			.item {
				margin-right: 20px;
			}
			
			.item .arealist {
				border: 1px solid #ddd;
				width: 234px;
			}
			
			.item ul li {
				list-style: none;
				display: block;
				padding: 10px 20px;overflow: hidden;
			}
			
			.item ul li:hover {
				background: #eee;
			}
			
			.item ul li.active {
				background: #17A3D7;
				color: #fff;
			}
			
			.add {
				color: #17A3D7;
				border-top: 1px solid #17A3D7;
				padding: 10px 20px;
				text-align: center;
			}
			.item ul li .icon_edit,.item ul li .icon_delete{visibility: hidden;}
			.item ul li.active .icon_edit,.item ul li.active .icon_delete{visibility: visible;}
			 
		</style>
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/adminMenu.js" type="text/javascript" charset="utf-8"></script>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem active">
							<a href="area.html#area">区域物流</a>
						</li>
						<li class="tabItem">
							<a href="wuliuManage.html#area">物流管理</a>
						</li>
					</ul>
				</div>

				<div class="page-container" style="margin-top:40px;margin-left:20px;">
					<div class="item inline-block">
						<input type="text" value="" placeholder="请输入省份名称" /> <i class="icon icon_log"></i>
						<div class="arealist" id="provincelist">
							<ul>
								<li>安徽省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
								<li>江苏省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
								<li>辽宁省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
								<li>黑龙江省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
								<li>广西省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
								<li class="active">
									广东省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
								<li>四川省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
								<li>山东省
									<div class="fr inline-block">
										<i class="icon icon_edit white" style="margin-right:10px;"></i>
										<i class="icon icon_delete white"></i>
									</div>
								</li>
							</ul>
							<div class="add">
								<i class="icon icon_add"></i>新增
							</div>
						</div>
					</div>

					<div class="item inline-block">
						<input type="text" value="" placeholder="请输入城市名称" /> <i class="icon icon_log"></i>
						<div class="arealist" id="citylist">
							<ul>
								<li>广州市<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
								<li>深圳市<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
								<li>佛山市<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
								<li>湛江市<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
							</ul>
							<div class="add">
								<i class="icon icon_add"></i>新增
							</div>
						</div>
					</div>

					<div class="item inline-block">
						<input type="text" value="" placeholder="请输入县/区名称" /> <i class="icon icon_log"></i>
						<div class="arealist" id="districtlist">
							<ul>
								<li>福田区<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
								<li>南山区<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
								<li>龙岗区<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
								<li>罗湖区<div class="fr inline-block">
					 			    	<i class="icon icon_edit white" style="margin-right:10px;"></i>
					 			    	<i class="icon icon_delete white"></i>
					 			    </div></li>
								 
							</ul>
							<div class="add">
								<i class="icon icon_add"></i>新增
							</div>
						</div>
					</div>

				</div>

			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

		<!--这里是删除产品的弹框（无法删除）-->

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>

	<script>
		$(function() {
			commonObj.srcoll('provincelist', 400, 234);
			commonObj.srcoll('citylist', 400, 234);
			commonObj.srcoll('districtlist', 400, 234);

		})
	</script>

</html>